<template>
    <li class="item-style">
     <input type="checkbox" v-model="checked">
     <slot name="itemName" v-bind="{checked}"></slot>
   </li>
</template>

<script>
  export default{
    props: ['item'],
    data(){
      return {
        checked: false
      }
    }
  }

</script>

<style scoped>
  .item-style {
      color: red;
  }
</style>
